<template>
  <section>
    <section>
		<el-form :inline="true" :model="formInline" class="demo-form-inline">
			<el-form-item label="项目地区">
				<el-select v-model="formInline.region" filterable placeholder="项目地区">
					<el-option label="雨城区" value="shanghai"></el-option>
					<el-option label="名山区" value="beijing"></el-option>
					<el-option label="天全县" value="beijing"></el-option>
					<el-option label="荥经县" value="beijing"></el-option>
				</el-select>
			</el-form-item>
			<el-form-item label="项目名称">
				<el-select v-model="formInline.projectName" filterable placeholder="项目名称">
					<el-option label="项目1" value="1"></el-option>
					<el-option label="项目2" value="2"></el-option>
					<el-option label="项目3" value="3"></el-option>
				</el-select>
			</el-form-item>
			
			<el-form-item>
				<el-button type="primary" @click="onSubmit">查询</el-button>
			</el-form-item>
		</el-form>
    </section>
	<section>
		<el-table :data="tableData" border style="width: 100%">
            <el-table-column prop="time" label="投运时间" width="180"></el-table-column>
		<el-table-column prop="date" label="地区" width="180"></el-table-column>
		<el-table-column prop="name" label="项目名称" width="180"></el-table-column>
		<el-table-column prop="number" label="监测数" width="180"></el-table-column>
		<el-table-column prop="intro" label="工程简介"></el-table-column>

        </el-table>
	</section>
  </section>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        user: "",
        region: ""
	  },
	  tableData: [{
          date: '雨城区',
          name: '项目1',
          number: '20',
          time: '2005-01-01',
          intro: '沙坪水电站工程位于四川雅安青衣江一级支流周公河中下游，是周公河梯级开发的第四级电站，地处成都市西南侧雅安市雨城区沙坪镇和周河乡境内，距成都市约168km，距下游雅安市23km，工程区左岸顺河有雅安至望鱼乡的三级公路通过。沙坪水电站水库正常蓄水位高程为703m，总库容0.0286亿立方米，发电总装机容量56MW，年发电量为1.6亿度，为三等中型工程。'
        },{
          date: '雨城区',
          name: '项目2',
          number: '20',
          time: '2005-01-01',
          intro: '沙坪水电站工程位于四川雅安青衣江一级支流周公河中下游，是周公河梯级开发的第四级电站，地处成都市西南侧雅安市雨城区沙坪镇和周河乡境内，距成都市约168km，距下游雅安市23km，工程区左岸顺河有雅安至望鱼乡的三级公路通过。沙坪水电站水库正常蓄水位高程为703m，总库容0.0286亿立方米，发电总装机容量56MW，年发电量为1.6亿度，为三等中型工程。'
        },{
          date: '雨城区',
          name: '项目3',
          number: '20',
          time: '2005-01-01',
          intro: '沙坪水电站工程位于四川雅安青衣江一级支流周公河中下游，是周公河梯级开发的第四级电站，地处成都市西南侧雅安市雨城区沙坪镇和周河乡境内，距成都市约168km，距下游雅安市23km，工程区左岸顺河有雅安至望鱼乡的三级公路通过。沙坪水电站水库正常蓄水位高程为703m，总库容0.0286亿立方米，发电总装机容量56MW，年发电量为1.6亿度，为三等中型工程。'
        }],
		value1: '',
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    }
  }
};
</script>

<style lang="less">
</style>
